// Contents of this file are included in every
// CSS module.
//
// Do NOT put styles in here that generate output. Only include
// variables, mixins and other functions describing common
// functionality.

@import 'static/styles/bootstrap-overrides';
@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables';
@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_mixins';
@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars';
@import 'node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip';

$background-color: #ffffff;
$background-content-color: #f2f2f2;
$background-emphasis-color: #fafafa;

$border-color: #dadee2;
$border-strong-color: #cccccc;
$border-light-color: $background-content-color;
$text-color: #747c89;
$text-light-color: #bac0c7;
$text-inverse-color: #ffffff;
$text-strong-color: #20252d;
$text-table-value-color: #747c89;
$text-table-label-color: #9ea8b6;
$text-danger: #DD2C2C;

$highlight-default: #1977d6;
$highlight-secondary: #3295de;
$highlight-danger: #d02828;
$highlight-danger-background: #f8cece;
$highlight-danger-border: #f3aaaa;
$highlight-tutorial: #6EA9FC;

$success-background: #dff0d3;
$success-border: #cbe6b7;
$success: #227855;
$background-inverse-color: #262626;
$border-inverse-color: #3b3b3b;
$highlight-inverse-color: #dddddd;

$border-radius-standard: 3px;

$title-height: 60px;
$gutter-size: 30px;

$minWidth: 930px;
$maxWidth: 1240px;
$sidebar-width: 220px;

$box-shadow: 0 3px 6px -2px rgba(0,0,0,0.15);

@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }
  @-moz-keyframes #{$name} {
    @content;
  }
  @-ms-keyframes #{$name} {
    @content;
  }
  @keyframes #{$name} {
    @content;
  }
}
